<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #map{height:100%}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0749cba04b7af237211ec92a9e58cdc6"></script>
    <script src="jQuery-2.1.4.min.js" ></script>
    <script src="map.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#map").yfmap();
        });
    </script>
</head>
<body>

<div id="map"></div>








</body>
</html>